<div class="row">
  <div class="side">
    <h2>关于我</h2>
    <h3>我喜欢的电影:</h3>

    <div class="search">
      <input type="text" [(ngModel)]="keyword"> -- <button (click)="doSearch()">搜索</button>
      <hr>
    </div>
    <div class="jilu">
      <h3> 搜索记录：</h3>
      <ul>

        <li *ngFor="let item of historyList;let key=index;">{{item}} <button (click)="deleteHistroy(key)">x</button>
        </li>
      </ul>
    </div>

    <div class="tuijian">
      <button (click)="tuijian()">电影推荐</button>
    </div>
    <div class="fakeimg" style="height:auto;">

      <div class="responsive">
        <div class="img2" *ngFor="let item of huoqulist">
          
          <img [src]="main+item.pic" alt="小丑">
         
          <div class="desc2">{{item.movie}}</div>
        </div>
      </div>


    </div><br>

  </div>


  <div class="main">
    <h2>小编推荐</h2>
    <h3>盗梦空间 Inception (2010)</h3>
    <div class="fakeimg" style="height:300px;"><img src="/assets/IMG/盗梦空间.jpg" alt="joker" height="300px"> </div>
    <p>导演: 克里斯托弗·诺兰 编剧: 克里斯托弗·诺兰</p>
    <p>道姆·柯布（莱昂纳多·迪卡普里奥 Leonardo DiCaprio 饰）与同事阿瑟（约瑟夫·戈登-莱维特 Joseph Gordon-Levitt 饰）和纳什（卢卡斯·哈斯 Lukas Haas
      饰）在一次针对日本能源大亨齐藤（渡边谦 饰）的盗梦行动中失败，反被齐藤利用。齐藤威逼利诱因遭通缉而流亡海外的柯布帮他拆分他竞争对手的公司，采取极端措施在其唯一继承人罗伯特·费希尔（希里安·墨菲 Cillian Murphy
      饰）的深层潜意识中种下放弃家族公司、自立门户的想法。为了重返美国，柯布偷偷求助于岳父迈尔斯（迈克尔·凯恩 Michael Caine 饰），吸收了年轻的梦境设计师艾里阿德妮（艾伦·佩吉 Ellen Page
      饰）、梦境演员艾姆斯（汤姆·哈迪 Tom Hardy 饰）和药剂师约瑟夫（迪利普·劳 Dileep Rao 饰）加入行动。在一层层...</p>
    <br>
    <h2>热门电影</h2>
    <h5>今日推荐</h5>
    
    <div class="fakeimg" >
      <div class="responsive">
        <div class="img" *ngFor="let item of jiazailist">

          <img [src]="main+item.pic">

          <div class="desc">{{item.movie}}</div>
        </div>
      </div>
    </div>
    <br>
    <div class="jiazai">
      <button class="jiazai" (click)="jiazai()">点我加载更多！</button>
    </div>
    
  </div>

  </div>